<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 理想化视口 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>baicaijia</title>
    <link rel="stylesheet" type="text/css" media="screen" href="../css/model(tongyou).css" />
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <link rel="stylesheet" href="../css/baicaijia.css">
</head>
<body>
    <!-- 头部开始 -->
    <header>
            <div class="logo">
                <a href="javascript:;"><img src="../images/左 (1).png" class="arrwo_left"></a>
                <span>白菜价-淘宝内部券</span>
                <img src="../images/header_app.png" alt="">
            </div>
        </header>
        <!-- 头部结束 -->
    

    <!-- 头部导航开始 -->
    <div class="top_nav">
        <ul class="nav" id="t_nav">
        </ul>
    </div>
    <!-- 头部导航结束 -->

    <!-- 商品列表开始 -->
    <div class="product_list">
        <ul class="splb">
            <li class="product">
                <div class="shangpin">
                    <div class="left_img"><a href="#"><img src=""></a></div>
                    <div class="right_details">
                        <a class="product_title">[包邮]双十一红包 今日开启 [包邮]双十一红包 今日开启[包邮]双十一红包 今日开启[包邮]双十一红包 今日开启[包邮]双十一红包 今日开启</a>
                        <div class="price">
                            <span class="new_price">￥<strong>0.0</strong></span>
                            <span class="old_price">￥0</span>
                        </div>
                        <div class="strip">
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                  60%
                                </div>
                            </div>
                            <span class="already">已领82张</span>
                        </div>
                        <div class="Couponing">
                            <a href="#" class="Coupon">点击领15元优惠券</a>
                            <a href="#" class="order">下单连接</a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!-- 商品列表结束 -->

    <!-- 底部开始 -->
    <footer>
            <div class="footer_nav">
                <a href="javascript:;">登录</a>
                <a href="javascript:;">注册</a>
                <div class="go_top">
                    <span class="glyphicon glyphicon-arrow-up"></span>
                    <a href="javascript:scroll(0,0)">返回顶部</a>
                </div>
            </div>
            <div class="footer_con">
                <p><a href="javascript:;">手机APP下载</a>慢慢卖手机版--掌上比价平台</p>
                <p>m.manmanbuy.com</p>
            </div>
        </footer>
        <!-- 底部结束 -->
</body>

</html>
<script type="text/template" id="nav">
    {{each $data value}}
    <li data-id="{{value.titleId}}"><a href="#">{{value.title}}</a></li>
    {{/each}}
</script>
<script type="text/template" id="shangpin">
    {{each $data value}}
    <li class="product">
        <div class="shangpin">
            <!-- 左侧图片 -->
            <div class="left_img"><a href="#">{{@ value.productImg}}</a></div>
            <!-- 右侧信息 -->
            <div class="right_details">
                <!-- 商品标题 -->
                <a class="product_title" data-id="{{value.productId}}">{{@ value.productName}}</a>
                <!-- 价格 -->
                <div class="price">
                    <span class="new_price">{{@ value.productPrice}}</span>
                </div>
                <!-- 进度条 -->
                <div class="strip">
                    <span class="already">{{@ value.productCouponRemain}}</span>
                </div>
                <div class="Couponing">
                    <a href="{{value.productCoupon}}" class="Coupon">点击领15元优惠券</a>
                    <a href="{{value.productHref}}" class="order">下单连接</a>
                </div>
            </div>
        </div>
    </li>
    {{/each}}
</script>
<script src="../lib/js/arttemplate/template-web.js"></script>
<script src="../lib/js/jquery.v1.12.4.js"></script>
<script src="../lib/js/bootstrap/bootstrap.js"></script>
<script src="../js/font.js"></script>
<script src="../js/baicaijia.js"></script>
